{% load i18n %}
<!DOCTYPE html>
<html lang="zh-cn"  >
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <link rel="shortcut icon" type="image/png" href="/static/favicon.ico"/>
    <link rel="apple-touch-icon" href="/static/apple-touch-icon.png">
    {% include 'show/link.html' %}

    <!-- for sider -->
    <link type="text/css" href="/static/lib/jquery-ui/css/custom-theme/jquery-ui-1.10.0.custom.css" rel="stylesheet"/>
    <script src="/static/lib/jquery-ui/assets/js/jquery-ui-1.10.0.custom.min.js" type="text/javascript"></script>
    <script src="/static/lib/jquery-ui/assets/js/google-code-prettify/prettify.js" type="text/javascript"></script>

    <script src="/static/lib/csrf.js"></script>
    <!--- art template web -->
    <!-- ie compatible -->
    <script src="/static/lib/art-template/web-ie-compatible/es5-shim.min.js"></script>
    <script src="/static/lib/art-template/web-ie-compatible/es5-sham.min.js"></script>
    <script src="/static/lib/art-template/web-ie-compatible/json3.min.js"></script>
    <!-- ie compatible end -->
    <script src="/static/lib/art-template/template-web.js"></script>
    <script src="/static/lib/bootbox.min.js" type="text/javascript"></script>
    <!--- art template web end -->
    <script>
    // 全局
    g_auth = false;
    {% if user.is_authenticated %}
        g_auth = true;
    {% endif %}
    var g_coin0 = "{{coin0}}"
    var g_coin1 = "{{coin1}}"

    $(document).ready(function() {
        $("#nav-trade").addClass("active");
        $(".home").addClass("hover");
    })
    </script>
    {% include 'show/common_define.html' %}
    <script src="/static/site/common_func.js"></script>
    {% include 'trade/js_trade.html' %}
    <style>
        @media (min-width: 1440px) {
            .container {
            width: 1287px!important;
            }
        }

//.wrap{background:#fff;min-width:1200px;} //binance
//.container{width:1200px;margin:0 auto;}
//.midContainer{width:960px;margin:0 auto;}

        .left_markets {height:100%; border:1px solid #e6e6e6}
    </style>
</head>

<body>

{% include 'show/top_bar.html' %}
<div class="container ">
    <div class="f-fl col-md-12 f-pz">
        {% include 'trade/curr_markets.html' %}
    </div>

    <div class="f-fl col-md-12 f-pz">
        <div class="f-fl f-pz " style="width:22%">
            {% include 'trade/markets_left.html' %}
        </div>
        <div class="f-fl f-pz" style="width:56%">
            {% include './trade/trade_middle.html' %}
        </div>
        <div class="f-fl f-pz", style="width:22%">
            <div id="id_depth" class="col-md-12 main-right col-xs-12 f-pz ">
                {% include './trade/depths.html' %}
                {% include './trade/last_trade.html' %}
            </div>
        </div>
    </div>
    <!--
    include 'trade/markets.html'
    -->
</div>

<div id="phone_last_trade" class="col-xs-12" >
    <div id="last_trade2">
    </div>
</div>
<div style="clear: both;margin-bottom: 10px;"></div>
{% include 'show/footer.html' %}
{% include './trade/order.html' %}
{% include './trade/order_history.html' %}
{% include './trade/balances.html' %}
</body>
